<template>
    <el-dialog 
        :title="$t('m.preparation')" 
        custom-class="popup_dialog"
        :append-to-body="true"
        :visible.sync="show"
        @close="close"
        width="460px"
        :close-on-click-modal="false"
        :close-on-press-escape="false"

    >
        <ul class="f-cb accountList">
            <li v-for="(item,index) in list" :key="index" class="f-cb">
                <img :src="item.pic" alt="" class="img">
                <div style="float:left;width: calc(100% - 76px);">
                    <h2>{{item['name_'+lang]}}</h2>
                    <p>{{item['remark_'+lang]}}</p>
                </div>
                
            </li>
        </ul> 
        <el-button type="primary" class="button" @click="LinksClick(IsRegion)">{{$t('m.beonit')}}</el-button>  
    </el-dialog>
</template>
<script>
    export default {
        components: {},
        props: ["show","IsRegion","list"],
        data() {
            return{
                lang:sessionStorage.getItem("lang")=='zh-CN'?'zh':sessionStorage.getItem("lang")=='zh-TW'?'tc':'en',
            }
        },
        mounted(){},
        methods:{
            // 关闭交易弹窗
            close() {
                this.$emit("closeClick",'accountShow');
            },
            LinksClick(type){
                this.$emit("getUserType",type);
            },
        },
        watch:{
            // IsRegion(val){
            //     console.log(val)
            // }
        },
    }
</script>
<style lang="less">
    .popup_dialog{
        .el-dialog__header{
            text-align: center;
            padding:38px 30px 8px;
            .el-dialog__title{
                font-size: 22px;
            }
        }
        .el-dialog__body{
            padding:30px 30px 68px;
            .accountList{
                margin-bottom: 22px;
                max-height: 264px;
                overflow: auto;
                li{
                    padding:15px 0 15px 15px;
                    background-size: 58px auto !important;
                    .img{
                        width: 58px;
                        margin-right: 18px;
                        float: left;
                    }
                    h2{
                        font-size: 16px;
                        color: @404040;
                        line-height: 26px;
                    }
                    p{
                        font-size: 12px;
                        color: @titleColor;
                        line-height: 20px;
                        margin: 0;
                    }
                }
            }
            .el-button{
                width: 300px;
                height: 50px;
                line-height: 50px;
                padding: 0;
                margin: 0 auto;
            }
        }
    }
</style>